<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta http-equiv="cache-control" content="no-cache">
<meta charset="utf-8">

<html>

<head>
<title>ScratchJr Intro</title>
<script>
    window.scratchJrPage = 'index';
</script>
<script type="text/javascript" src="app.bundle.js"></script>
</head>
<body style="margin:0px; background: black;">
    <div class="frame" id="frame">
        <div class="topbar" id="topbar">
            <div class="topbar-button" id="topbar-info"></div>
            <div class="topbar-button" id="topbar-settings"></div>
            <div class="topbar-button" id="topbar-moreapps">

            </div>
        </div>
        <div class="gear hide" id="gear"></div>
        <div class="credits hide" id="authors"></div>
        <div class="creditsText hide" id="authorsText"></div>
        <div class="rays" id="rays"></div>
        <div class="catface" id="catface"></div>
        <div class="jrlogo" id="jrlogo"></div>
        <div class="purple hide" id="purpleguy"></div>
        <div class="red hide" id="redguy"></div>
        <div class="blue hide" id="blueguy"></div>

        <div class="startButton hide" id="startButton"></div>
        <div class="pbschars hide" id="pbschars"></div>

        <div class="gettings hide" id="gettings"></div>
        <div class="startcode hide" id="startcode"></div>
        
        <div class="usageQuestion hide" id="usageQuestion"></div>
        <div class="usageSchool hide" id="usageSchool">
            <img class="usageIcon" id="useSchoolIcon" src="assets/start/schoolIcon.svg" />
            <div class="usageText" id="useSchoolText"></div>
        </div>
        <div class="usageHome hide" id="usageHome">
            <img class="usageIcon" id="useHomeIcon" src="assets/start/homeIcon.svg" />
            <div class="usageText" id="useHomeText"></div>
        </div>
        <div class="usageOther hide" id="usageOther">
            <img class="usageIcon" id="useOtherIcon" src="assets/start/otherIcon.svg" />
            <div class="usageText" id="useOtherText"></div>
        </div>
        <div class="usageNoanswer hide" id="usageNoanswer">
            <div class="usageNoanswerText" id="usageNoanswerText"></div>
        </div>

        <div class="optionsInstruction hide" id="optionsInstruction">
        </div>
        <div class="optionsList hide" id="optionsList">
        </div>
    </div>
</body>
</html>
